$(document).ready(function () {
    init();
    var typeBoxheight = $('.type-header').height();
    $('.typeBox li').click(function () {
        $('.typeBox').find('.select').removeClass();
        $(this).addClass('select');
        if ($(this).data('typeid') == 0) {
            $('html, body').animate({
                scrollTop: $('#singquestion').offset().top
            }, 300);
            $('.type-header').addClass('examfixed');
            $('.type-header').addClass('container');
        } else if ($(this).data('typeid') == 1) {
            $('html, body').animate({
                scrollTop: $('#mutiplequestion').offset().top
            }, 300);
            $('.type-header').addClass('examfixed');
            $('.type-header').addClass('container');
        }
    })
    //单选答题
    $('.questionBody .singChoice li').click(function () {
        if ($(this).hasClass('select')) {
            $(this).removeClass('select');
            updateRadioAnswer($(this).parents('li').data('indexid'), 'noans');
        } else {
            $(this).parent().find('.select').removeClass();
            $(this).addClass('select');
            updateRadioAnswer($(this).parents('li').data('indexid'), 'corrent');
        }
    })
    //多选题答题
    $('.questionBody .multipleChoice li').click(function () {
        if ($(this).hasClass('select')) {
            $(this).removeClass('select');
            let isSelect = false;
            $(this).siblings('li').each(function () {
                if ($(this).hasClass('select'))
                    isSelect = true;
            })
            if (!isSelect)
                updateRadioAnswer($(this).parents('li').data('indexid'), 'noans');
        } else {
            $(this).addClass('select');
            updateRadioAnswer($(this).parents('li').data('indexid'), 'corrent');
        }
    })

    $(document).scroll(function () {
        //导航定位
        var typeheader = $(".type-header");
        if ($(typeheader).offset().top - $(window).scrollTop() < 0) {
            if (!$(typeheader).hasClass('examfixed')) {
                $(typeheader).addClass('examfixed');
                $(typeheader).addClass('container');
            }
        } else if ($('.ansquestion').offset().top - $(window).scrollTop() >= 0) {
            $(typeheader).removeClass('examfixed');
            $(typeheader).removeClass('container');
        }

        //题目导航
        var lis = $('.typeBox').children();
        if ($('#singquestion').offset().top - $(window).scrollTop() < 0) {
            $('.typeBox').find('.select').removeClass();
            $(lis[0]).addClass('select');
        }
        if ($('#mutiplequestion').offset().top - $(window).scrollTop() < 0) {
            $('.typeBox').find('.select').removeClass();
            $(lis[1]).addClass('select');
        }
        if ($('#judgequestion').offset().top - $(window).scrollTop() < 0) {
            $('.typeBox').find('.select').removeClass();
            $(lis[2]).addClass('select');
        }
        if ($('#briefquestion').length > 0 && $('#briefquestion').offset().top - $(window).scrollTop() < 0) {
            $('.typeBox').find('.select').removeClass();
            $(lis[3]).addClass('select');
        }

        //答案面板
        $('.answerCard').css('left', ($(window).width() - $('.tables').width()) / 2 + $('.tables').width());

    })
    //题目定位
    $('.radioAnswer li').click(function () {
        var id = $(this).data("answerid");
        $('.ansquestion').children('li').each(
            function () {
                if ($(this).data("indexid") == id) {
                    $('html, body').animate({
                        scrollTop: $(this).offset().top - typeBoxheight
                    }, 300);
                }
            }
        );

    })

    function updateRadioAnswer(indexid, status) {
        $('.thirdLeiAnswer').find('li').each(
            function () {
                if ($(this).data('answerid') == indexid) {
                    $(this).removeClass();
                    $(this).addClass(status);
                }
            }
        );
    }


    function init() {
        $('.answerCard').css('left', ($(window).width() - $('.tables').width()) / 2 + $('.tables').width());
    }

})